.customSetupBox{
    background-color: #fff;
    padding-bottom: 100px;
    .customContant{
        width: 80%;
        box-sizing: border-box;
        margin: 0 auto;
        .createAccount{
            .accountTitle{
                font-size: 16px;
                color: #314cbd;
                margin-bottom: 10px;
            }
            .account{
                display: flex;
                flex-wrap: wrap;
                width: 100%;
                padding: 45px 140px 0px 140px;
                box-sizing: border-box;
                box-shadow: 0 0 4px 4px #f4f4f4;
                &>div{
                    width: 41%;
                    box-sizing: border-box;
                    margin-right: 140px;
                    &:nth-child(2n){
                        margin-right:0;
                    }
                    label{
                        width: 100%;
                        font-size: 18px;
                        // margin-bottom: 16px;
                        &::before{
                            content:"*";
                            color: #314cbd;
                            // margin-right: 4px;
                        }
                    }
                    input{
                        margin: 10px 0 50px 0;
                        width: 100%;
                        height: 50px;
                        line-height: 50px;
                        border: none;
                        font-size: 16px;
                        border-bottom: 1px solid #e6e6e8;
                        outline: none;
                        &::-webkit-input-placeholder {
                            color: #c7c7c7;
                        }
                        &:-moz-placeholder {
                               color: #c7c7c7;
                        }
                        &:-ms-placeholder {
                            color: #c7c7c7;
                        }
                    }
                }
            }
        }
        .boughtCourse{
            width: 50%;
            margin: 0 auto;
            &>div{
                display: flex;
                align-items: center;
                margin-bottom: 10px;
                .addEdit{
                    cursor: pointer;
                    color: #121212;
                    font-size: 14px;
                    .addImg{
                        display: inline-block;
                        width: 16px;
                        vertical-align: sub;
                    }
                }
            }
        }
        .functionalAuthority{
            width: 80%;
            margin: 0 auto;
            margin-bottom: 60px;
            .el-checkbox{
                width: 19.4%;
                margin-bottom: 30px;
            }
            .el-checkbox+.el-checkbox{
                margin-left: 0;
            }
        }
        .createButton{
            width: 105px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            margin: 0 auto;
            background-color: #2e4cbc;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            cursor: pointer;
        }
    }
}
.el-checkbox{
    width: 30%;
}
.el-checkbox,.el-checkbox__input.is-checked+.el-checkbox__label{
    color: #121212;
}
.el-checkbox__inner:hover,.el-checkbox__input.is-focus .el-checkbox__inner{
    border-color: #2e4cbc;
}
.el-checkbox__input.is-checked .el-checkbox__inner{
    background-color: #2e4cbc;
    border-color: #2e4cbc;
}
.el-input{
    width: 50%!important;
    margin-right: 30px;
}
.el-input .el-input__inner{
    width: 100%!important;
    color: #121212;
    border: 1px solid #e2e2e2!important;
    background-color: #fff!important;
}
.el-dialog{
    padding: 24px 18px;
    .el-dialog__header{
        position: initial;
        padding-top: 0;
        .el-dialog__headerbtn .el-dialog__close{
            background-color: #959394;
        }
    }
    .el-dialog__body{
        padding: 0 10%;
        .addTitle{
            display: flex;
            justify-content: center;
            &>div{
                flex: 1;
                &:last-child{
                    .addTitle{
                        border-right: none;
                    }
                }
                .addTitle{
                    padding: 2px 17px;
                    box-sizing: border-box;
                    font-size: 16px;
                    color: #9f9f9f;
                    margin-bottom: 8px;
                    border-right: 1px solid #9f9f9f;
                    cursor: pointer;
                }
                .addLine{
                    margin: 0 auto;
                    width: 59px;
                    height: 2px;
                    background-color: transparent;
                }
                .activeTitle{
                    color: #314bbc;
                }
                .activeLine{
                    background-color: #314bbc;
                }
            }
        }
        .addNumber{
            text-align: center;
            margin-top: 28px;
            .addNumberTitle{
                color: #314bbc;
                font-size: 16px;
                margin-bottom: 10px;
            }
            .addNumberInput{
                margin-bottom: 25px;
                .el-input{
                    width: 200px!important;
                    margin-right: 0;
                }
            }
            .addNumberSigle{
                margin-bottom: 10px;
                font-size: 14px;
                color: #121212;
            }
            .addNumberTatol{
                font-size: 14px;
                color: #314bbc;
            }
        }
    }
    .el-dialog__footer{
        .dialog-footer{
            .fault{
                width: 120px;
                height: 35px;
                line-height: 35px;
                box-sizing: border-box;
                background-color: #314bbc;
                border-color: #314bbc;
                color: #fff;
                padding: 0;
                font-size: 16px!important;
            }
            .el-button--primary span{
                font-size: 16px;
            }
        }
    }
}